// 电视页面scss

.tel_container {
    margin: 0 auto;
    width: 100%;
    // max-width: 750px;
    // height: 1200px;
    background-color: #fff;

    // 头部
    >.tel_header {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #aaa;
        justify-content: space-between;

        >img {
            display: block;
            width: (159rem/37.5);
            height: (44rem/37.5);
            margin: (23rem/37.5) 0 0 (20rem/37.5);
            ;
        }

        >form {
            position: relative;

            input {
                height: (60rem/37.5);
                width: (411rem/37.5);
                border-radius: (30rem/37.5);
                background-color: #d6d6d6;
                margin-top: (14rem/37.5);
                font-size: (14rem/37.5);
                color: rgb(173, 173, 173);
                box-sizing: border-box;
                padding-left: (45rem/37.5);
                margin-bottom: (14rem/37.5);

            }

            i {
                position: absolute;
                color: rgb(163, 163, 163);
                font-size: (14rem/37.5);
                top: (32rem/37.5);
                left: (13rem/37.5);
            }
        }

        .header_right {
            display: block;
            height: (44rem/37.5);
            width: (76rem/37.5);
            margin-right: (20rem/37.5);
            margin-top: (22rem/37.5);
            border-radius: (18rem/37.5);
            border: (2rem/37.5) solid red;
            line-height: (44rem/37.5);
            color: red;
            font-size: 14px;
            text-align: center;
        }

    }


    // 导航
    .nav {
        overflow: hidden;
        background-color: #fff;
        widows: 100%;
        border-bottom: (2rem/37.5) solid #aaa;

        >.nav_content {
            width: (1400rem/37.5);
            margin-bottom: 0px;

            li {
                float: left;

                a {
                    display: block;
                    box-sizing: border-box;
                    height: (80rem/37.5);
                    line-height: (80rem/37.5);
                    margin: 0 (24rem/37.5);
                    font-size: (14rem/37.5);
                    color: rgb(49, 49, 49);
                    font-weight: bold;

                    &.active,
                    &:hover,
                    &:focus {
                        color: #fe5106;
                        border-bottom: (7rem/37.5) solid #fe5106;
                    }
                }
            }
        }
    }

    // 筛选
    .selected {
        width: 100%;

        ul {
            width: 100%;
            margin-bottom: 0;

            li {
                float: left;
                width: 25%;

                a {

                    font-size: (16rem/37.5);
                    display: block;
                    height: (79rem/37.5);
                    width: 100%;
                    text-align: center;
                    line-height: (79rem/37.5);
                    border-bottom: (2rem/37.5) solid rgb(233, 233, 233);
                    color: rgb(102, 102, 102);

                    &.active {
                        color: #f74f06;
                    }
                }
            }
        }


    }

    // 商品
    .pro_intro {
        padding: 0 (26rem/37.5);
        display: flex;
        width: 100%;
        border-bottom: 1px solid rgb(212, 212, 212);

        .pro_left {
            a {
                display: block;
                width: (252rem/37.5);
                    height: (279rem/37.5);
                img {
                    margin-top: ( 25rem/37.5);
                    height: 80%;
                    width: 80%;
                }
            }
        }

        .pro_right {

            margin-left: (26rem/37.5);

            .pro_title {
                margin-top: ( 20rem/37.5);
                word-break: break-all;
                font-size: (30rem/37.5);
                height: (112rem/37.5);
                line-height: (56rem/37.5);
                overflow: hidden;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            p {
                font-size: (30rem/37.5);
                color: red;
                font-weight: bold;
                height: (60rem/37.5);
                line-height: (80rem/37.5);

                span {
                    font-size: (24rem/37.5);

                }
            }

            .con {
                display: flex;
                margin-top: (12rem/37.5);
                justify-content: space-between;
                color: rgb(161, 161, 161);

                span {
                    font-size: (14rem/37.5);


                }
            }
        }

    }


    // 分页
    .pagination {
        width: 100%;
        margin: 0;
        background-color: #f1f1f1;
        padding-bottom: 20px;

        .page_wrap {
            margin-top: (21rem/37.5);
            width: 100%;
            display: flex;
            justify-content: space-around;
            height: (106rem/37.5);

            .button {
                width: (160rem/37.5);
                height: (60rem/37.5);
                text-align: center;
                line-height: (60rem/37.5);
                background-image: linear-gradient(#ededed, #d4d4d4);
                border: (2rem/37.5) solid #aaa;
                border-radius: (10rem/37.5);
                font-size: (16rem/37.5);
            }

            .page_num {
                width: (160rem/37.5);
                height: (60rem/37.5);

                select {
                    width: 100%;
                    height: 100%;

                    option {
                        text-align: center;
                    }

                }
            }

        }

        .bottom_text {
            width: 100%;
            text-align: center;
            font-size: (24rem/37.5);
            color: #aaa;
        }
    }



}